<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div01{
				background-color: papayawhip;
			}
		</style>
	</head>
	<body>
		
		
		
		<div id="div01">
			<!--
        	作者：offline
        	时间：2021-03-24
        	描述：无序的列表
        	<ul type="circle"> 空心圆
        	type="disc" 实心点（默认）
        	type="square" 实心方形
        -->
		<ul type="square">
			<li>hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ul>
		<!--
        	作者：offline
        	时间：2021-03-24
        	描述：有序的列表  	
        	<ol type="a"> 序列a、b、c.....
        		type="1" 序列1、2、3...(默认)
        		type="i" 序列i 、ii、iii...、
        		 type="A" 序列A、B、C......
        -->
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		<ol type="A">
			
			<li id="li1">hello1</li>
			<li>hello2</li>
			<li>hello3</li>
			<li>hello4</li>
		</ol>
		
			
		</div>
		
		<!--
        	作者：offline
        	时间：2021-03-24
        	描述：超链接
        	？ target="_blank" 在当前目录打开连接
        	 target="_parent"
        	 target="_search"
        -->
        <a href="http://www.baidu.com" target="_self">百度一下</a>
        <!--
        	作者：offline
        	时间：2021-03-24
        	描述：书签连接
        -->
        <a href="#li1">第二行</a>
        <a href="#div01">第一行</a>
        
        <!--
        	作者：offline
        	时间：2021-03-24
        	描述：html连接
        -->
        <a href="index.html">跳转到index.html</a>
        <a href="第二次作业.html">跳转到第二次作业.html</a>
        
        <a href="audio/song.mp3">下载</a>
        
        
        <table bgcolor="aqua" width="100%" height="300px" align="left" cellspacing="" cellpadding="8" style="border: solid;" >
        	<td >
        		<tr></tr>
        		<tr></tr>
        		<tr></tr>
        		<tr></tr>
        	</td>
        	<td>
        		<tr></tr>
        		<tr></tr>
        		<tr></tr>
        		<tr></tr>
        	</td>
        	<td>
        		<tr></tr>
        		<tr></tr>
        		<tr></tr>
        		<tr></tr>
        	</td>
        </table>
	</body>
</html>
